<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ITSM用户应用系统登录</title>
    <link rel="stylesheet" href="css/login.css">
</head>
<body style="background:#f7f7f7 \9;background: url(images/bg3.png) no-repeat center center/cover;">
    <!-- header -->
    <div class="fixedtop">
        ITSM用户应用系统
    </div>
    <!--后台登录-->
    <form action="index.html" method="post" class="form">
        <div class="formdiv">
            <h2>用户系统登录</h2>
            <div class="zhanghao user">
                <input type="text" id="username" name="username" placeholder="请输入账号">
                <p>X</p>
            </div>
            <div class="pass user">
                <input type="password" id="password" name="password" placeholder="请输入密码">
                <p>X</p>
            </div>
            <div class="tim user">
                <input type="text" id="tim" name="tim" placeholder="请输入手机验证码">
                <p>X</p>
            </div>
            <!-- <label for="jizhu" class="jizhula"><input type="checkbox" id="jizhu">记住密码</label> -->
            <button class="submit">立即登录</button>
        </div>
    </form>



</body>
</html>
<script>
    //     define('login',["jquery"],function($){
    //     var login={
    //         init:function(){
    //             if(localStorage.getItem("user") == "13546698741" && localStorage.getItem("pass") == "123456"){
    //                 $("#username").val(localStorage.getItem("user"));
    //                 $("#password").val(localStorage.getItem("pass"));
    //                 $("#username,#password").css("background","#fbffc4");
    //                 $("#jizhu").attr("checked","checked");
    //             }else{
    //                 $("#username,#password").val("").css("background","#fff");
    //             }
    //             $("#username,#password").change(function(){
    //                 if($("#username").val() == "13546698741"){
    //                     $("#username").next().show().text("√");
    //                 }
    //                 if($("#password").val() == "123456"){
    //                     $("#password").next().show().text("√");
    //                 }
    //             });
    //             $(".submit").on("click",function(e){
    //                 e.preventDefault();
    //                 if($("#jizhu").prop("checked")){
    //                     localStorage.setItem("user","13546698741");
    //                     localStorage.setItem("pass","123456");
    //                     sessionStorage.setItem("zhusir","朱志宏");
    //                 }else{
    //                     localStorage.removeItem("user");
    //                     localStorage.removeItem("pass");
    //                     localStorage.clear();
    //                 }
    //                 if($("#username").val() == "13546698741" && $("#password").val() == "123456"){
    //                     //console.log("成功");
    //                     $(".fixed").show();
    //                     setTimeout(function(){
    //                         window.location.href="index.html";
    //                     },1000);
    //                 }else{
    //                     //console.log("失败");
    //                     if($("#username").val() !== "13546698741"){
    //                         $("#username").next().show().text("X");
    //                     }
    //                     if($("#password").val() !== "123456"){
    //                         $("#password").next().show().text("X");
    //                     }
    //                     return false;
    //                 }
    //             //    ajax



    //             })
    //         }
    //     };
    //     return login;
    // });
</script>